body {
  margin: 0px;
}

.mbox {
  position: fixed;
  top: 1rem;
  right: 1rem;
  padding: 0.2rem 0.5rem;
  border: 1px solid #777;
  border-radius: 0.5rem;
  cursor: pointer;
  z-index: 1000;
}

.cbox {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  z-index: 100;
  background-image: url('../../images/bataman0001.jpg');
  background-size: cover;
  background-repeat: no-repeat;
  background-attachment: fixed;
  transform: translate(100%, -100%);
  border-radius: 100vw;
  transition: all 1s ease-in-out;
}

#menu {
  width: 0px;
  height: 0px;
}

#menu:checked + .cbox {
  border-radius: 0px;
  transform: translate(0%, 0%);
}
